<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content=Type" content="text/html;charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Template</title>
  <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
  <![endif]-->

  <!-- CSS link -->
    <link href="css/jquery.mobile.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">  <!-- fontawesome 4.2.0  -->
    <link href="css/mycss.css" rel="stylesheet">
  </head>

  <body>
  <!-- 頁面開始 -->
  <div data-role="page" id="page1">
    <div data-role="header">
      <h1>APP NAME</h1>
    </div>
    <div data-role="content">
      <h1>CONTENT for MAIN PAGE</h1>
    </div>
    <div data-role="footer">
      <h1>FOOTER &amp; COPYRIGHT</h1>
    </div>
  </div>
  <!-- 頁面結束 -->

  <!-- 頁面開始 -->
  <div data-role="page" id="page2">
    <div data-role="header">
      <h1>APP NAME</h1>
    </div>
    <div data-role="content">
      <h1>CONTENT for SECOND PAGE</h1>
    </div>
    <div data-role="footer">
      <h1>FOOTER &amp; COPYRIGHT</h1>
    </div>
  </div>
  <!-- 頁面結束 -->

  <!-- jQuery(1.11.2) & jQuery Mobile(1.4.5) javascript files -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.mobile.min.js"></script>
    <script src="js/myjs.js"></script>
  </body>
</html>